<template>
  <div class="enterprise">
    <BottomArrow />
    <div class="solution-wrapper">
      <Solution :titles="solution.titles" :theme="solution.theme" :content="solution.content"/>
    </div>
    <KnowledgeBase />
    <ProductChart :title="'Product chart'" :sub-title="'产品逻辑图'"/>
    <FooterView />
  </div>
</template>

<script>
  import BottomArrow from '../components/BottomArrow';
  import Solution from '../components/Solution';
  import KnowledgeBase from '../components/KnowledgeBase';
  import ProductChart from '../components/ProductChart';
  import FooterView from '../components/FooterView';
    export default {
        name: "Enterprise",
      data() {
        return {
          solution: {
            titles: ['Enterprise', 'intelligence', 'solutions'],
            theme: {
              title: '企业智能化解决方案',
              descrips: ['助力企业智能化', '实现“人机协调”的管理体系']
            },
            content: '企业智能化，即运用智能管理体系，在企业管理过程中智能高效的整合人与机器、系统的应用，创建“人机协调”的管理体系。智询以企业现有的管理模块为知识库背景，辅以智能问询的交互方式，建立并维持企业管理运营秩序，优化配置企业资源，实现企业管理中各要素间的高效整合，最终以智能化交互为企业带来竞争力的提升。'
          }
        };
      },
      components: {
        BottomArrow,
        Solution,
        ProductChart,
        FooterView,
        KnowledgeBase
      }
    };
</script>

<style lang="less">
.enterprise {
  position: relative;

  .solution-wrapper {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 768px) {
  .enterprise {
    position: relative;

    .solution-wrapper {
      margin-bottom: 50px;
    }
  }
}
</style>
